import Vue from 'vue'
import Vuex from 'vuex'
// 优化代码，所以在store下面分别放入不同的逻辑内容，为了以后的维护
import state from './state'
import actions from './actions'
import mutations from './mutations'

Vue.use(Vuex)

// 导出
export default new Vuex.Store({
    // 存储全局公用的数据
    state: state,
    // 改变store使用dispatch的actions，案例在liebiao.vue的文件中使用
    // 思路：组件调用actions,actions调用mutations,mutations用commit去改变数据
    actions: actions,
    mutations: mutations,
    // 首页getters
    getters:{
        // 首页getters是一个对象，里面写一个方法，接收一个参数为state
        getterCity(state){
            return state.city+''+state.city //意思是出现两个城市
        }
    }

})